<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>关于我们</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./static/css/animate.min.css">
    <link rel="stylesheet" href="./static/css/common.css">
    <link rel="stylesheet" href="./static/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./static/css/about.css">
    <link rel="stylesheet" href="./static/css/locomotive-scroll.css">
</head>

<body>
    <div class="home">


        <div class="header hasBg">
            <div class="box">
                <a href="./index.html" class="logo">
                    <img src="./static/images/logo-white.png" alt="">
                </a>
                <div class="links">
                    <div class="item">
                        <a href="./index.html" class="a1">首页</a>
                    </div>
                    <div class="item">
                        <a href="./about.html" class="a1 active">关于</a>
                    </div>
                    <div class="item">
                        <a href="./cases.html" class="a1">案例</a>
                    </div>
                    <div class="item">
                        <a href="./service.html" class="a1">服务</a>
                    </div>
                    <div class="item">
                        <a href="./ideas.html" class="a1">观点</a>
                    </div>
                    <div class="item">
                        <a href="./contact.html" class="a1">联系</a>
                    </div>
                </div>
                <div class="rb">
                    <div class="lan">
                        <a href="">ENG</a>
                        <p>中文</p>
                    </div>
                    <a class="contact each_btn">
                        <div class="text">
                            <p>定制专属方案</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInLeft">
                    <img src="./static/images/logo.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="item">
                <a href="./about.html">关于</a>
            </div>
            <div class="item">
                <a href="./cases.html">案例</a>
            </div>
            <div class="item">
                <a href="./service.html">服务</a>
            </div>
            <div class="item">
                <a href="./ideas.html">观点</a>
            </div>
            <div class="item">
                <a href="./contact.html">联系</a>
            </div>
            <div class="bottom">
                <div class="box1">
                    <div class="p1">数字营销全面诊断，定制专属增长方案</div>
                    <a class="contact" href="./contact.html">
                        定制专属方案
                    </a>
                </div>
                <div class="box2">
                    <p class="p1">业务咨询</p>
                    <a href="tel:15257713337">
                        152-5771-3337
                    </a>
                </div>

            </div>

        </div>




        <div data-scroll-container>

            <div class="shadow">
                <img src="./static/images/shadow.png" alt="">
            </div>

            <div class="section1">
                <div class="t wow fadeInUp">
                    富有创造力的设计团队, 专注于用户<br>
                    体验设计与品牌数字革新
                </div>
                <div class="wow fadeInUp" id="carousel">
                    <div class="swiper swiper-3d">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="./static/images/ca2.png" />
                            </div>
                            <div class="swiper-slide">
                                <img src="./static/images/ca3.png" />
                            </div>
                            <div class="swiper-slide">
                                <img src="./static/images/ca.png" />
                            </div>
                            <div class="swiper-slide">
                                <img src="./static/images/ca4.png" />
                            </div>
                            <div class="swiper-slide">
                                <img src="./static/images/ca5.png" />
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <div class="section2">
                <div class="box1">
                    <div class="l wow fadeInUp">
                        我们追求利用创造力, <span>将设计策略与技术相结合</span>, 让您的品牌数字形象为用户带来意想不到的惊喜
                    </div>
                    <div class="r wow fadeInUp">
                        作为一个年轻的创意团队，依据主创成员多年的设计实战使我们积累了丰富的品牌营销策略与设计管理能力，从而帮助企业打造出可持续生长的品牌经营模式与全局视角的设计管理方法。
                        <br>
                        我们擅长通过用户的棱镜生活并了解您的品牌，并将这些数据转化为独特而难忘的数字体验。设计性能卓越且持久的创新数字解决方案，以同时满足用户和您的需求。<br>
                        我们帮助客户洞悉市场机遇，增长品牌价值，创造可持续生长用户体验设计。<br>
                        以国际顶级设计机构为榜样，同时兼具熟知中国本土市场的强势竞争优势。针对不同的行业特点与设计的诉求差异，定制适合且个性、专属的顾问式设计解决方案。<br>
                        我们天马行空、引领改变，不仅擅长提出创新设计概念，更善于制定可行化执行方案，让客户在更短时间收获更高品质的成果。成熟的风险控制方案和项目管理方式，高效的设计和开发能力，让其落地，变成现实。从策略、创意、设计，到可扩展的品牌数字化、商务、移动和数字平台，我们愿始终与合作客户并肩作战，联合创新，共同实现价值。
                    </div>
                </div>
                <div class="box2">
                    <div class="item">

                    </div>
                    <div class="tag">

                    </div>
                </div>
            </div>

            <div class="section3">
                <div class="notice">
                    <p data-text="U-SOUND">U-SOUND</p>
                    <p class="stroke" data-text="studio">studio</p>
                </div>
                <div class="t wow fadeInUp">
                    赢得知名客户的持续认可<br>
                    为行业发展贡献力量
                </div>
                <div class="partners wow fadeInUp">
                    <div class="scroll-container">
                        <div class="animate_box">
                            <div class="flex-xb">
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac13acb46f.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220310/6229f2c231fe8.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac13436e35.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220310/6229f3fe4c10d.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac0d9661b3.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac0ebcb306.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac105c45fc.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac12712476.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac1612bb3b.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20240414/661b82a5e4ab7.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac86e7f972.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220501/626e05fa4b873.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220408/625058c8086e9.png" alt="">
                                </div>
                            </div>
                            <div class="flex-xb">
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac13acb46f.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220310/6229f2c231fe8.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac13436e35.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220310/6229f3fe4c10d.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac0d9661b3.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac0ebcb306.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac105c45fc.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac12712476.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac1612bb3b.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20240414/661b82a5e4ab7.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac86e7f972.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220501/626e05fa4b873.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220408/625058c8086e9.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="animate_box animate_box2">
                            <div class="flex-xb">
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac13acb46f.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220310/6229f2c231fe8.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac13436e35.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220310/6229f3fe4c10d.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac0d9661b3.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac0ebcb306.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac105c45fc.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac12712476.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac1612bb3b.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20240414/661b82a5e4ab7.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac86e7f972.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220501/626e05fa4b873.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220408/625058c8086e9.png" alt="">
                                </div>
                            </div>
                            <div class="flex-xb">
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac13acb46f.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220310/6229f2c231fe8.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac13436e35.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220310/6229f3fe4c10d.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac0d9661b3.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac0ebcb306.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac105c45fc.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac12712476.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac1612bb3b.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20240414/661b82a5e4ab7.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220311/622ac86e7f972.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220501/626e05fa4b873.png" alt="">
                                </div>
                                <div class="icon">
                                    <img src="http://www.u-sound.cn/uploads/image/20220408/625058c8086e9.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>




            <div class="section5">
                <div class="bg">
                    <img src="./static/images/b.png" alt="">
                </div>
                <div class="text">
                    来一场关于你的项目讨论会？
                </div>
                <a href="" class="btn">
                    <img class="ball" src="./static/images/ball.png" alt="">
                    <div class="en">
                        <img src="./static/images/en.png" alt="">
                    </div>
                    <p>
                        立即<br>
                        预约
                    </p>
                    <img class="icon" src="./static/images/jt3.png" alt="">
                </a>
            </div>

            <div class="foot">
                <div class="dom1">
                    <div class="d1">
                        <div class="dbox">
                            <div class="dl">
                                <div class="logo">
                                    <img src="./static/images/logo.png" alt="">
                                </div>
                                <div class="st">数字化策略与营销专家</div>
                                <div class="sr">
                                    <input type="text" placeholder="输入手机号,即刻体验">
                                    <div class="btn">确定</div>
                                </div>
                            </div>
                            <div class="dc">
                                <a href="">关于</a>
                                <a href="">案例</a>
                                <a href="">服务</a>
                                <a href="">观点</a>
                                <a href="">联系</a>
                            </div>
                            <div class="dr">
                                <div class="item">
                                    <div class="t">官网</div>
                                    <span></span>
                                    <a href="">
                                        企业官网定制开发
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="t">产品</div>
                                    <span></span>
                                    <a href="">
                                        web/app/小程序开发
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="t">转化</div>
                                    <span></span>
                                    <a href="">
                                        sem效果提升
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="t">流量</div>
                                    <span></span>
                                    <a href="">
                                        SEO排名优化
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="t">传播</div>
                                    <span></span>
                                    <a href="">
                                        SEO排名优化
                                    </a>
                                    <div class="icon">
                                        <img src="./static/images/jt.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="dlink">
                            <p>友情链接</p>
                            <div class="as">
                                <a href="">数阔云听cem</a>
                                <a href="">企业直播</a>
                                <a href="">营销自动化</a>
                            </div>
                        </div>
                    </div>
                    <div class="d2">
                        <div class="dbox">
                            <div class="t1">每个品牌都需要精心策划</div>
                            <div class="t2">点击下方按钮，立即免费获取</div>
                            <a class="btn each_btn" href="./contact.html">
                                <img src="./static/images/jt2.png" alt="">
                                <div class="text">
                                    <p>免费获取</p>
                                </div>
                            </a>
                            <div class="pic">
                                <img class="pic1" src="./static/images/fbg1.png" alt="">
                                <div class="pic2">
                                    <img src="./static/images/fp.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="dInfo">
                            <div class="t">业务咨询</div>
                            <div class="dc">
                                <div class="phone">152-5771-3337</div>
                                <div class="wxchat">
                                    <p>微信咨询</p>
                                    <div class="icon">
                                        <img src="./static/images/wx.png" alt="">
                                    </div>
                                    <div class="code">
                                        <img src="./static/images/code.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <a class="email" href="mailto:627603421@qq.com" target="_blank">
                                627603421@qq.com
                            </a>
                        </div>
                    </div>
                </div>
                <div class="dom2">
                    <p>© 2024 优升网络科技 Rights Reserved.</p>
                    <a class="bei" href="https://beian.miit.gov.cn/" target="_blank">滇ICP备2022001335号</a>
                    <div class="links">
                        <a href="">网站声明</a>
                        <span></span>
                        <a href="">隐私政策</a>
                    </div>
                </div>
            </div>
        </div>




    </div>
    <script src="./static/js/jquery-3.6.1.min.js"></script>
    <script src="./static/js/swiper.js"></script>
    <script src="./static/js/common.js"></script>
    <script src="./static/js/wow.min.js"></script>
    <script src="./static/js/countUp.js"></script>
    <script src="./static/js/gsap.min.js"></script>
    <script src="./static/js/jquery.parallax.js"></script>
    <script src="./static/js/ScrollTrigger.min.js"></script>
    <script src="./static/js/locomotive-scroll.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        // new WOW().init();

        slideW = 500;//一张图300px, 每面四张角度22.5（PI/8），中心角度PI/16	             
        radius = slideW * 0.5 / Math.sin(Math.PI / 16);//半径。圆心并不是视点中心，视点在1200px

        carouselSwiper = new Swiper('#carousel .swiper', {
            on: {
                progress: function (swiper, progress) {
                    for (i = 0; i < this.slides.length; i++) {
                        var slide = this.slides.eq(i);
                        var slideProgress = this.slides[i].progress;
                        translateX = (slideProgress + 1.5) * (slideW / 3 - Math.cos((slideProgress + 1.5) * 0.125 * Math.PI) * slideW * 1.1 / 3) + 'px';//调整图片间距，根据图片宽度改变数值实现自适应
                        rotateY = (slideProgress + 1.5) * 22.5;//图片角度
                        translateZ = (radius - Math.cos((slideProgress + 1.5) * 0.125 * Math.PI) * radius - 150) + 'px';//调整图片远近，刚好4个在画框内
                        slide.transform('translateX(' + translateX + ') translateZ(' + translateZ + ') rotateY(' + rotateY + 'deg)');

                    }
                },
                setTransition: function (swiper, transition) {
                    for (var i = 0; i < this.slides.length; i++) {
                        var slide = this.slides.eq(i)
                        slide.transition(transition);
                    }

                }
            },
            breakpoints: {
                1024: {  //当屏幕宽度大于等于1280
                    watchSlidesProgress: true,
                    slidesPerView: 'auto',
                    centeredSlides: false,
                    loop: true,
                    loopedSlides: 4,
                    grabCursor: true,
                }
            }

        })

        let locomotive, scrollTop;
        window.addEventListener('load', function () {
            if (document.querySelector('[data-scroll-container]')) {
                locomotive = new LocomotiveScroll({ el: document.querySelector('[data-scroll-container]'), smooth: true, lerp: 0.09, });
                locomotive.on('scroll', function (position) {
                    scrollTop = position.scroll.y;
                    WOW.init();
                    var a = $('.notice').offset().top - document.documentElement.clientHeight
                    if (scrollTop >= a) {
                        $('.home .section3 .notice').css('transform', 'translateX(' + (scrollTop * -0.4) + 'px)')
                    }

                });
            }
        })


        $('.each_btn').each(function (i, e) {
            var text = $(e).find('p').text()
            var split = text.split('')
            var html = '';
            for (let j = 0; j < split.length; j++) {
                html += `<div>${split[j]}</div>`
            }
            $(e).find('.text').html(html)

            $(e).find('.text').append('<div class="inset">' + html + '</div>')

            $(e).hover(function () {
                $(e).find('.text > div:not(.inset)').each(function (i, e) {
                    var delay = i * 0.05
                    $(e).css('transition-delay', delay + 's')
                })
                $(e).find('.text .inset div').each(function (index, ele) {
                    var delay2 = (($(e).find('.text > div:not(.inset)').length * 0.05)) + (index * 0.05)
                    $(ele).css('transition-delay', delay2 + 's')
                })
                $(e).find('.text div:not(.inset)').css('opacity', '0')
                $(e).find('.text .inset div').css('opacity', '1')
            }, function () {

                $(e).find('.text > div:not(.inset)').get().reverse().forEach(function (el, i) {
                    var delay = (($(e).find('.text > div:not(.inset)').length * 0.05)) + (i * 0.05)
                    $(el).css('transition-delay', delay + 's');
                });

                $(e).find('.text .inset div').get().reverse().forEach(function (el, i) {
                    var delay2 = i * 0.05
                    $(el).css('transition-delay', delay2 + 's')
                })

                $(e).find('.text div:not(.inset)').css('opacity', '1')
                $(e).find('.text .inset div').css('opacity', '0')

            })

        })

    </script>
</body>

</html>